.home-page {
    letter-spacing: 1px;
    .header-view {
        padding:32px;
        height: 80px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .info {
            flex: 1;
            display: flex;
            align-items: center;
            p {
                padding-right: 20px;
                margin-right: 10px;
                display: inline-block;
                vertical-align: middle;
                border-right: 1px solid #ccc;
                span:first-child {
                    display: block;
                    font-size: 36px;
                    color:#333;
                }

                span:last-child {
                    font-size: 28px;
                }

            }

            h2 {
                display: flex;
                align-items: center;
                padding-left: 20px;
                display: inline-block;
                font-size: 40px;
                font-weight: bold;
                box-sizing: border-box;
            }
        }
        .avatar-view {
            width:64px;
            height: 64px;
            border-radius: 50%;
            overflow: hidden;
            img {
                width:100%;
                height: 100%;
                object-fit: fill;
            }
        }
    }
    .banner-view {
        width:750px;
        height: 750px ;
        position: relative;
        background: #eee;
        .banner-cont {
            position: absolute;
            left:20px;
            bottom: 40px;
            h2 {
                font-size: 40px;
                color: #fff;
            }
            .author-info {
                margin-top: 20px;
                font-size: 28px;
                color: #fff;
            }
            .symbol {
                margin: 0 10px;
            }
        }
        .adm-image-tip svg{
            width:60px;
            height: 60px;
        }
        img,.adm-swiper,.adm-image,.banner-item {
            width: 100%;
            height: 100%;
        }
        .adm-swiper-indicator {
            left:auto;
            right: 20px;
            bottom: 20px;
        }
    }

    .content-view {
        padding:  0 32px;
        box-sizing: border-box;
        .item-view {
            //被访问过
            &:visited {
                p {
                    font-size: 30px;
                    color:#f00;
                }
            }
            padding:30px 0;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #eee;
            .content-list-cont {
                h3 {
                   
                    margin-bottom: 10px;
                    font-size: 32px;
                    font-weight: bold;
                    line-height: 54px;
                     /* 设置多行显示 */
                     overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2; /* 控制最大显示行数 */
                }
                p {
                    font-size: 30px;
                    color:#999;
                }
            }
            
            .content-list-img {
                flex-basis: 200px;
                min-width: 200px;
                img {
                    width:100%;
                    border-radius: 8px;
                }
            }
        }
    }

    .loadMore-view {
        display: flex;
        justify-content: center;
        align-items: center;
        padding:30px 0;
        text-align: center;
        background: #f5f5f5;
        box-sizing: border-box;
    }
}